
<!--初始登录界面-->

<template>
  <div class="container">
    <div style="margin-right: 100px">
      <Logo />
      <h1 class="title">
        CatShit
      </h1>
      <P>A movie ticket booking website.</P>
    </div>
    <NormalLogin style="width: 300px"></NormalLogin>
  </div>
</template>

<script>
  import NormalLogin from "../components/NormalLogin";
  export default {
    components: {NormalLogin},
    methods:{

    }
  }
</script>

<style>
  .container {
    margin: 0 auto;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .title {
    font-family:
      'Quicksand',
      'Source Sans Pro',
      -apple-system,
      BlinkMacSystemFont,
      'Segoe UI',
      Roboto,
      'Helvetica Neue',
      Arial,
      sans-serif;
    display: block;
    font-weight: 300;
    font-size: 100px;
    color: #35495e;
    letter-spacing: 1px;
  }

</style>
